@charset "utf-8";

html{width:100%;height:100%}
body { margin:0; padding:0; width:100%; color:#5f5f5f;
	font:14px/28px Segoe UI,Tahoma,Verdana,Arial,Helvetica,sans-serif
}
img{padding:0;margin:0}

#topBar{
	height:44px;
	color:white;
	background:#515151 url('../images/footer-bg.png')
}
.topBarBack{
	float:left;
	width:44px;
	height:44px;
	border-right:1px #222 solid;
	background:url('../images/back.png') no-repeat center center
}
.topBarBack:active{
	background:black url('../images/back.png') no-repeat center center
}
.topBarBack span{
	display:block;
	height:44px;
	float:left
}
.topBarName{
	float:left;
	height:44px;
	line-height:44px;
	font-weight:bold;
	font-size:1.2em
}
.topBarName span{
	padding-left:15px
}
.topBarRightBtn{
	float:right;
	width:52px;
	height:37px;
	line-height:37px;
	margin-top:3px;
	margin-right:10px;
	text-align:center;
	color:#555;
	background: url('../images/top-bar-right-btn.png') no-repeat center center;
	text-shadow: 0px 1px 0px white
}

#containerL{
	width:100%
}

#containerM{
	display:none;
	width:100%;
	height:auto;
	overflow:hidden
}

#containerR{
	display:none;
	width:100%;
	height:auto;
	overflow:hidden
}

.taskList{
	height:50px;
	border-bottom:1px solid #eee;
	overflow: hidden;
	padding:8px 5px 8px 5px;
	/*
	background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(0.6, #eee), to(white));
	*/
}
.taskList:active{
	/*background:#00ADEE;*/
	color:#eee
}
.taskTit{
	height:50px;
	line-height:50px;
	float:left;
	overflow: hidden;
	font-weight:bold;
	font-family: "Microsoft Yahei","微软雅黑",Tahoma,Arial,Helvetica,STHeiti;
	font-size:1.4em;
	background:orange-
}
.taskTit span{
	padding-left:10px
}
.taskArrow{
	width:110px;
	height:50px;
	line-height:50px;
	float:right;
	margin-right:10px;
	text-align:right;
	background: url('../images/task-arrow2.png') no-repeat right center
}
.taskArrow span{
	color:#999;
	padding-right:30px;
}


/*publish*/
.taskPublishBox{
	padding:0 5px;
}
.taskPublishList{
	height:40px;
	line-height:40px;
	margin-top:8px;
	border:1px #eee solid;
	background:white;
}
.taskPublishL{
	float:left;
	height:40px;
	width:72px;
	border-right:1px #eee solid;
	background:#ECECEC
}
.taskPublishL span{
	padding-left:8px
}
.taskPublishR{
	float:left;
	width:235px;
	height:40px;
	text-align:left;
	background:orange-
}

.saskBtnBox{
	margin-top:15px;
	padding-bottom:50px;
	border:none;
}
.taskPublishBtn{
	height:40px;
	line-height:40px;
	padding:0 5px;
	color:white;
	text-align:center;
	font-size:1.2em;
	background:#515151 url('../images/footer-bg.png')
}
.taskPublishBtn:active{
	background:black
}

.taskText{
	padding:0;
	margin:0;
	width:225px;
	height:38px;
	border:none;
	outline: none;
	padding-left:5px;
	padding-right:5px;
	background:none
}
.taskPublishR label{
	position: absolute;
	height:40px;
	line-height:40px;
	color:#ccc;
	background:orange-
}
.taskLabelB{
	right:15px
}

/*task list*/
.taskListBox{
	height:auto;
	overflow: hidden;
	border-bottom:1px solid #eee
}
.taskListContent{
	width:250px;
	float:left;
	padding:5px 0 5px 10px;
	background:#00ADEE-
}
.taskListTit{
	height:30px;
	line-height:25px;
	float:left;
	clear:both;
	font-size:14px;
	font-weight:bold;
	background:orange-
}
.taskListDec{
	height:20px;
	line-height:20px;
	float:left;
	clear: both;
	font-size:13px;
	color:#999
}
.taskListDec span{
	padding-right:10px
}
.taskListArrow{
	width:50px;
	height:80px;
	line-height:80px;
	float:right;
	background: url('../images/task-arrow2.png') no-repeat center center
}
.taskListArrow span{
	color:#999;
	padding-right:30px;
}


/*task detail*/
body.taskDetailBody{
	background:#eee
}
.taskDetailBox{
	margin:0 10px 0 10px;
	height:auto;
	overflow:hidden;
	border:1px solid #ccc
}
.detailTit{
	background:#ddd url('../images/task-detail-tit.png');
	text-align:center;
	margin-top:8px;
	border-bottom:none;
	border-radius:4px 4px 0 0;
	/*-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px*/
}
.detailTit p{
	margin:0;
	padding:5px 8px;
	font-size:1.2em;
	font-weight:bold;
}
.detailDec{
	border-radius: 0 0 4px 4px;
	background:white
}
.detailDec p{
	margin:0;
	padding:5px;
	font-size:1.0em
}
.detailLists{
	height:40px;
	line-height:40px;
	border-top:none;
	background:white
}
.detailLists span{
	padding-left:8px;
}
.remote{
	margin-top:8px;
	margin-bottom:8px;
	border-top:1px solid #ccc;
	border-radius: 4px;
}
.detailFirst{
	border-top:1px solid #ccc;
	border-radius:4px 4px 0 0;
}
.detailLast{
	border-radius: 0 0 4px 4px
}

.taskDetailPoster{
	height:80px;
	margin:8px 10px 0 10px;
	border:1px solid #ccc;
	background:white;
	border-radius:4px
}
.taskPosterInfo{
	height:70px;
	width:210px;
	float:left;
	margin:5px 0 5px 8px;
	font-size:1.0em
}
.taskPosterName{
	width:100%;
	height:30px;
	line-height:30px;
	background:orange-
}
.taskPosterCompany{
	width: 100%;
	height:20px;
	line-height:20px;
	font-size:13px;
	color:#999
}
.taskPosterCareer{
	width:100%;
	height:20px;
	line-height:20px;
	font-size:13px;
	color:#999
}

.taskPosterAvatar{
	height:70px;
	width:70px;
	float:right;
	margin:5px 8px 5px 0;
	background:#00ADEE;
	border-radius:4px;
	overflow:hidden
}
.taskPosterAvatar img{
	width:100%
}

.taskDetailUserList{
	height:auto;
	overflow:hidden;
	margin:8px 10px 0 10px;
	border:1px solid #ccc;
	border-radius:4px;
	background:white
}
.taskPosterUserTit{
	width:100%;
	height:30px;
	line-height:30px;
	background:orange-
}
.taskPosterUserTit span{
	padding-left:8px;
	font-size:1.0em
}
.taskPosterUserAvatarBox{
	margin:5px 8px 10px 10px
}
.taskPosterUserAvatar{
	width:55px;
	height:55px;
	margin-right:1px;
	float:left;
	margin-bottom:5px;
}
.taskPosterUserAvatar img{
	width:100%
}

.taskDetailComment{
	height:auto;
	overflow:hidden;
	margin:8px 10px 0 10px;
	border:1px solid #ccc;
	border-radius:4px;
	background:white
}
.taskDetailCommentListTit{
	height:40px;
	line-height:40px;
	background:#eee
}
.taskDetailCommentListTit span{
	padding-left:8px
}
.taskDetailCommentList{
	min-height:50px;
	overflow:hidden;
	border-top:1px solid #eee
}
.taskCommentAvatar{
	width:40px;
	height:40px;
	overflow:hidden;
	float:left;
	margin-top:5px;
	margin-left:8px;
	border-radius:4px;
}
.taskCommentAvatar img{
	width:100%
}
.taskCommentContent{
	min-height:40px;
	width:242px;
	float:left;
	margin-top:5px
}
.taskCommentContent p{
	margin:0;
	padding:10px 10px 5px 10px;
	font-size:13px;
	line-height:20px
}





